<!DOCTYPE html>
<html lang="ru">
<head>

<title>Создание списка дел (To-Do лист) средствами jQuery и Web SQL Database | Test2 </title>

<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css" />


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>


<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.css" type="text/css">
<link rel="stylesheet" href="css/header.css" type="text/css">
<script type="text/javascript" src="js/manageTodo.js"></script>
<script type="text/javascript" src="js/list.js"></script>

</head>
<body>

  
<!--<script type="text/javascript">
var $jq = jQuery.noConflict(true);  
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->




<div id="wrapper">
<header>
<p>To-Do лист с помощью jQuery и Web SQL Database <a href="http://xozblog.ru/2012/10/to-do-list/" class="stuts">Перейти к статье на<span>XoZblog.ru</span></a></p>
</header>

<div id="bodyWrapper">


<div id="todo_wrapper" class="white_bg">


<h2>Список дел</h2>
<ul class="tdlist">

<li class="table_head">
<div id="todo_table">
    <span class="todo_name">Тема задачи</span>
    <span id="todo_status_head" class="todo_status">Статус</span>
    <span class="todo_prioriter">Приоритет</span>
    <span class="todo_assign">Назначена</span>
    <span class="todo_tag">Тэги</span>
    <span class="todo_due_date">Начато</span>
    <span class="todo_past_date">Сделать до</span>
    <span class="todo_delete"></span>
    <span class="id" ></span>

</li>

</ul>



</div><!-- end todo_wrapper -->

<div id="todo_form" class="white_bg">
<div id="form_wrapper">
<textarea class="white" id="todo_item_text" placeholder="Что нужно сделать..."></textarea>
<select id="todo_status_text" name="todo_status_text">
<option selected value="Открыта" >Открыта</option>
<option value="Решена" >Решена</option>

</select>


<select id="todo_prioriter_text" name="todo_prioriter_text">

<option value="Низкий" >Низкий</option>
<option selected value="Нормальный" >Нормальный</option>
<option value="Высокий" >Высокий</option>
<option value="Срочный" >Срочный</option>

</select>
<textarea id="todo_assign_text" placeholder="Назначена..."></textarea>
<textarea id="todo_tag_text" placeholder="Тэги..."></textarea>


<input type="text" id="todo_due_date" placeholder="Установить дату..." />
<input type="text" id="todo_past_date" placeholder="Выполнить до..." />
</div><!-- end form_wrapper -->

<input type="submit" id="create_todo" value="Добавить" class="button"/>
</div><!-- end todo_form -->
</div><!-- end bodyWrapper -->


<!--                     <div id="main">

<p class="note"><b>Note</b>: These examples are build using jQuery, but that is not required.</p>

<div class="c1">
<h2>Lovely things list</h2>
<div id="lovely-things-list">
    <input class="search" placeholder="Search lovely things">
    <ul class="sort-by">
        <li class="sort btn asc " data-sort="white">Sort by name</li>
        <li class="sort btn  " data-sort="category">Sort by category</li>
    </ul>
    <ul class="filter">
        <li class="btn" id="filter-none">Show all</li>
        <li class="btn" id="filter-games">Only show games</li>
        <li class="btn" id="filter-beverages">Only show beverages</li>
    </ul>
    <ul class="list1"><li>

            <h4><span class="name">Brooklyn Lager</span> <span class="category">Beverage</span></h4>
            <p class="description">Brooklyn Brewery was started in 1987 by former Associated Press correspondent Steve Hindy and former Chemical Bank lending officer Tom Potter.</p>
        </li><li>

            <h4><span class="name">Full Throttle</span> <span class="category">Game</span></h4>
            <p class="description">Full Throttle is a computer adventure game developed and published by LucasArts. It was designed by Tim Schafer, who would later go on to design the critically acclaimed titles Grim Fandango, Psychonauts and Brütal Legend.</p>
        </li><li>

            <h4><span class="name">Good Coffee</span> <span class="category">Beverage</span></h4>
            <p class="description">Coffee is a brewed beverage with a dark, slightly acidic flavor prepared from the roasted seeds of the coffee plant, colloquially called coffee beans.</p>
        </li><li>

            <h4><span class="name">Monkey Island 2: LeChuck's Revenge</span> <span class="category">Game</span></h4>
            <p class="description">Monkey Island 2: LeChuck's Revenge is an adventure game developed and published by LucasArts in 1991. It was the second game of the Monkey Island series, following The Secret...</p>
        </li></ul>
</div>
</div>
</div>

-->
</div><!-- end wrapper -->
</body>
</html>
